<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>

<p>标签式的导航菜单</p>
<ul class="nav nav-tabs">
  <li><a class="active" href="#">Home</a></li>
  <li><a href="#">SVN</a></li>
  <li><a href="#">ios</a></li>
  <li><a href="#">VB.Net</a></li>
  <li><a href="#">Java</a></li>
  <li><a href="#">PHP</a></li>
</ul>

<p>基本的胶囊式导航菜单</p>
<ul class="nav nav-pills">
  <li><a class="active" href="#">Home</a></li>
  <li><a href="#">SVN</a></li>
  <li><a href="#">ios</a></li>
  <li><a href="#">VB.Net</a></li>
  <li><a href="#">Java</a></li>
  <li><a href="#">PHP</a></li>
</ul>

<p>面包屑式导航单</p>
<ul class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">2013</a></li>
  <li class="active">十一月</li>
</ul>

<p>页码/分页导航</p>
<ul class="pagination">
  <li><a href="#">&laquo;</a></li>
  <li class="active"><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">&raquo;</a></li>
</ul>

<p>翻页导航</p>
<ul class="pager">
  <li><a href="#">上一页</a></li>
  <li><a href="#">下一页</a></li>
</ul>
</body>
</html>